		    window.onload=function(){
		        autoMove('img','span');
		    }
		
		    //轮播图函数
		    function autoMove(tagImg,tagSpan){
		        var imgs=document.getElementsByTagName(tagImg);
		        var spans=document.getElementsByTagName(tagSpan);
		        //每次轮播后样式
		        /*轮播到哪个位置，就对哪个位置的图片样式进行设置，首先让所有的图片样式opacity变为0，然后对移动到的位置的样式进行设置opacity为1*/
		        function InitMove(index){
		            for(var i=0;i<imgs.length;i++){
		                imgs[i].style.opacity='0';
		                spans[i].style.background='#ccc';
		            }
		            imgs[index].style.opacity='1';
		            spans[index].style.background='red';
		        }
		        //第一次初始化
		        InitMove(0);
		        //轮播过程的变换函数
		        /*前面已经初始化了图片最开始看到的效果，接着轮播的话会隐藏第一张出现第二张
		         *这里count从1开始（图片的初始化位置是count为0的情况），count=1执行一次Init*Move(count),使第一张隐藏第二张出现，依次执行。当count==imgs.leghth时由于*图片最后一张的位置是imgs.length-1,所以此时把count置为0；相当于轮播图轮回
		         *依次重新开始。
		         */
		        var count=1;
		        function fMove(){
		            if(count==imgs.length){
		                count=0;
		            }
		            InitMove(count);
		            count++;
		        }
		        //设置自动轮播定时器；
		        var scollMove=setInterval(fMove,3000);
		
		       
		        var btnleft=document.getElementById('btnleft');
		        var btnright=document.getElementById('btnright');
		        btnleft.onclick=function(){
		            clearInterval(scollMove);
		            if(count==0){
		                count=imgs.length;
		            }
		            count--;
		            InitMove(count);
		            scollMove=setInterval(fMove,3000);
		        };
		        btnright.onclick=function(){
		            clearInterval(scollMove);
		            fMove();
		            scollMove=setInterval(fMove,3000);
		        }
		    }